iT邦幫忙

2024 iThome 鐵人賽

DAY 3
0
Modern Web

建立響應式網頁系列 第 3

css的基本語法

  • 分享至 

  • xImage
  •  

HTML就像是房子的結構,而CSS就是用來裝飾房子的顏色、風格和佈局,能夠控制整個網頁的視覺效果。
選擇器:是你用來指定哪些HTML元素要進行設計的對象,語法中的p就是選擇器,它告訴瀏覽器,所有的元素(段落)都要被塗成藍色。
屬性與值:屬性是你要改變的東西,值是你希望的效果。color是屬性,它控制文字的顏色;blue是值,它代表你希望的顏色。而font-size則控制字體大小,16px是具體的尺寸。
樣式塊:一個選擇器有多個屬性,可以對一個選擇器應用多個屬性。在剛才的例子中,段落不僅可以有顏色,也可以有不同的字體大小。
層疊與優先權:CSS會根據優先權來決定哪個設計最終生效。例如你有兩條規則如果段落有一個ID是special-paragraph,會優先選擇其內容,因為ID選擇器的優先權比元素選擇器高。
外部樣式表:集中控制,CSS也允許你把所有的樣式都集中在一個文件裡,這就是外部樣式表,讓你在不同頁面之間共享同樣的設計風格。加載外部樣式表styles.css,讓你整個網站的樣式保持一致。


上一篇
學習HTML的基本結構和標籤
下一篇
了解媒體查詢
系列文
建立響應式網頁12
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言